.email{
  padding-top: var(--rem-80);
  height: 100%;
  box-sizing: border-box;
  .email-wrapper{
    position: relative;
    height: calc(100% - var(--rem-95));
    margin: 0 var(--rem-25) 0;
    overflow-x: hidden;
    overflow-y: auto;
    .no-content-yet{
      text-align: center;
      line-height: 175rem;
    }
  }
  .email-box{
    position: absolute;
    width: 100%;
    .email-box-item{
      position: relative;
      background-color: var(--z-bg-def);
      border-radius: var(--rem-30);
      display: flex;
      align-items: center;
      height: var(--rem-60);
      padding: 0 var(--rem-25) 0px var(--rem-10);
      margin-bottom: var(--rem-10);
      cursor: pointer;
      .email-info__title{
        font-size: var(--rem-14);
        font-weight: bold;
        color: var(--z-font-anti);
        white-space: nowrap;
        width: var(--rem-300);
        text-overflow: ellipsis;
        overflow: hidden;
      }
      .email-info__time{
        font-size: var(--rem-12);
      }
      .email-info{
        margin-left: var(--rem-8);
      }
      .email-linker{
        display: flex;
        align-items: center;
        font-size: var(--rem-12);
        margin-left: auto;
        span{
          margin: 0 var(--rem-8);
          white-space: nowrap;
        }
        svg{
          font-size: var(--rem-10);
        }
      }
      &.email-box__header{
        background-color: transparent;
      }
    }
    .email-box__content{
      margin-left: var(--rem-55);
      background-color: var(--z-bg-def);
      border-radius: var(--rem-20);
      padding: var(--rem-20);
      box-sizing: border-box;
      color: var(--z-font-anti);
      p{
        min-height: var(--rem-80);
      }
      .email-box__content-footer{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: var(--rem-10);
        img{
          width: var(--rem-18);
          height: var(--rem-18);
          margin-left: var(--rem-15);
          margin-right: var(--rem-10);
        }
      }
    }
    .email-box__tips{
      margin-left: var(--rem-70);
      font-size: var(--rem-12);
      margin-top: var(--rem-15);
    }
  }
  .email-buttons{
    display: flex;
    justify-content: space-between;
    padding:  var(--rem-25) var(--rem-25);
    &.email-opened{
      justify-content: center;
    }
    .email-buttons-item{
      width: 200rem;
      height: var(--rem-45);
      font-size: var(--rem-14);
      font-weight: bold;
      text-align: center;
      color: var(--z-font-white);
      background-color: #242F43;
      border-radius: var(--rem-45);
      line-height: var(--rem-45);
      cursor: pointer;
      &.email-buttons__onebyone,
      &.email-buttons__receive{
        background-color: var(--z-bg-btn);
      }
    }
  }
}
